<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <h1 align='center' style='color:blue;'>首页</h1>
<!--    <a href="http://127.0.0.1:8000/admin/login/?next=/admin/">进入登陆系统</a>-->


<!--下面两行带，二选一关系，没登录 跳转，登录过显示你好-->
<!--    通过name是否有值，判断if-->
    {% if username %}
<!--    如果name有值，说明登录过，判断为true-->
    <p>
        <a href="/loginout">你好{{username}}</a>
    </p>
    {% else %}
<!--    如果name没有值，判断为false-->
    <a href="/login">请先登录&nbsp;&nbsp;&nbsp;</a><br>
    {% endif %}

    <form action="/index" method="get">
        <input type="text" name="keywords">
        <input type="submit" value="搜索">
    </form>
    <a href="/cart">我的购物车&nbsp;&nbsp;&nbsp;</a>
    <!--    购物车-->

<!--        {% if username %}-->

<!--        {% else %}-->
<!--        <a href="/login">我的购物车&nbsp;&nbsp;&nbsp;</a>-->
<!--        {% endif %}-->
    
    <table>
        <thead>
            <tr>
                <th>商品序号&nbsp;&nbsp;&nbsp;</th>
                <th>商品名称&nbsp;&nbsp;&nbsp;</th>
                <th>商品图片&nbsp;&nbsp;&nbsp;</th>
                <th>商品价格&nbsp;&nbsp;&nbsp;</th>
                <th >商品数量&nbsp;&nbsp;&nbsp;</th>
            <tr/>
        </thead>
        <tbody>
            {% for good in goods %}
            <tr>
                <th>{{good.gid}}&nbsp;&nbsp;&nbsp;</th>
                <th>
                    <a href="/detail/?gid={{good.gid}}">{{good.name}}</a>&nbsp;&nbsp;&nbsp;
                </th>
                <th><img src={{good.imgsrc}} width="50" height="50">&nbsp;&nbsp;&nbsp;</th>
                <th>{{good.price}}&nbsp;&nbsp;&nbsp;</th>
                <th>{{good.count}}&nbsp;&nbsp;&nbsp;</th>
            </tr>
            {% endfor %}
        </tbody>

        <tfoot>
            <tr>
                <th colspan="4">
                    {% for item in pagelist %}
                    <a href="/index/?page={{item}}">{{item}}</a>
<!--                    <a href="/index/?page=2">2</a>-->
<!--                    <a href="/index/?page=3">3</a>-->
                    {% endfor %}
                </th>
            </tr>
        </tfoot>
    </table>
<!--    <table>-->
<!--        <thead>-->
<!--            <tr>-->
<!--                <th>姓名</th>-->
<!--                <th>分数</th>-->
<!--                <th>成绩等级</th>-->
<!--            </tr>-->
<!--        </thead>-->
<!--        <tbody>-->
<!--            <tr>-->
<!--                <td>{{xm}}</td>-->
<!--                <td>{{fs}}</td>-->
<!--                {% if fs >= 90 %}-->
<!--                <td>A</td>-->
<!--                {% elif fs >= 80 %}-->
<!--                <td>B</td>-->
<!--                {% elif fs >= 60 %}-->
<!--                <td>C</td>-->
<!--                {% else %}-->
<!--                <td>D</td>-->
<!--                {% endif %}-->
<!--            </tr>-->
<!--        </tbody>-->
<!--    </table>-->
</body>
</html>
